<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta http-equiv="keywords" content="深圳果力智能科技有限公司" />
    <meta name="author" content="" />
    <meta http-equiv="description" content="深圳果力智能科技有限公司首页" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <title>gomer </title>
    <base target="_blank">
    <link href="../static/img/logo.png" type="image/x-icon" rel="shortcut icon">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../js/layer/skin/default/layer.css" />
    <link rel="stylesheet" type="text/css" href="../js/swiper/swiper-4.2.2.min.css" />
    <link rel="stylesheet" type="text/css" href="../js/swiper/animate.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/base.css" />
    <link rel="stylesheet" type="text/css" href="../css/glitech.css" />
    <link rel="stylesheet" type="text/css" href="../css/index.css" />
    <style>
        body {
            font-size: 16px;
        }

        #app {
            min-width: 1366px;
        }

        div.more-tip-wrap {
            background: transparent;
            width: 36px;
            height: 36px;
            border-radius: 18px;
            margin: 0 auto;
            transition: color .2s;
        }

        div.more-tip-wrap:hover {
            background: #fff;
        }
    </style>
</head>

<body>
    <div id="app">
        <div id="glitech-header-wrap"></div>
        <div id="product-center">
            <div data-v-78364608="" class="product-center-wrapper">
                <div data-v-78364608="" class="index-banner" style="display: none; height: 867px;">
                    <video data-v-78364608="" src="http://wdhit.chenshengbao.com/guoliFile/pic/1515405937144GomerRobot(Updatedone).mp4" loop="loop"></video>
                    <div data-v-78364608="" class="banner-text-box">
                        <h2 data-v-78364608="" class="title"></h2>
                        <p data-v-78364608="" class="text"></p>
                    </div>
                    <div data-v-78364608="" class="play-bar">
                        点击观看
                        <img data-v-78364608="" src=""
                            alt="">互动视频
                    </div>
                </div>
                <div data-v-78364608="" class="product-intrudaction-page" style="height: 947px;">
                    <div data-v-78364608="" class="product-info-panel">
                        <h2 data-v-78364608="" class="title">Versatile grab with soft hand</h2>
                        <p data-v-78364608="" class="text">Gomer is the world's first robot with a soft hand in consumer grade, he can grab objects of various shapes and materials,
                            <br data-v-78364608=""> moreover, it can be programmed to grab object autonomously.</p>
                        <ul data-v-78364608="" class="cfix list-box">
                            <li data-v-78364608="">
                                <div data-v-78364608="" class="img-box">
                                    <img data-v-78364608="" src=""
                                        alt="">
                                </div>
                                <p data-v-78364608="" class="name">Soft Hand</p>
                            </li>
                            <li data-v-78364608="">
                                <div data-v-78364608="" class="img-box">
                                    <img data-v-78364608="" src=""
                                        alt="">
                                </div>
                                <p data-v-78364608="" class="name">Multi-axis Robotic Arm</p>
                            </li>
                            <li data-v-78364608="">
                                <div data-v-78364608="" class="img-box">
                                    <img data-v-78364608="" src=""
                                        alt="">
                                </div>
                                <p data-v-78364608="" class="name">Mobile Bodywork</p>
                            </li>
                            <li data-v-78364608="">
                                <div data-v-78364608="" class="img-box">
                                    <img data-v-78364608="" src=""
                                        alt="">
                                </div>
                                <p data-v-78364608="" class="name">WIFI Connection</p>
                            </li>
                        </ul>
                    </div>
                    <div data-v-78364608="" class="product-knowmore-bar product-knowmore-bar1 show-product-btn" data-item="1">
                        <div class="more-tip-wrap">
                            <img data-v-78364608="" src=""
                                alt="" class="default">
                        </div>
                        <p data-v-78364608="">More</p>
                    </div>
                </div>
                <div data-v-78364608="" class="full-product-intrudaction full-product-intrudaction1 hidden">
                    <div data-v-78364608="" class="section one">
                        <div data-v-78364608="" class="section-inner cfix">
                            <div data-v-78364608="" class="left">
                                <div class="swiper-container pro-banner-wrapper1 pro-swiper-container1" style="height:360px;">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="">
                                                <div data-v-78364608="" class="el-carousel__item" style="transform: translateX(0px) scale(1);">
                                                    <!---->
                                                    <img data-v-78364608="" src="../static/img/product-item-1.72c8b46.png" alt="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="">
                                                <div data-v-78364608="" class="el-carousel__item is-animating" style="transform: translateX(0px) scale(1);">
                                                    <!---->
                                                    <img data-v-78364608="" src="../static/img/product-item-2.db7fe26.png" alt="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="pro-slide-item1">
                                                <div data-v-78364608="" class="el-carousel__item is-active is-animating" style="transform: translateX(0px) scale(1);">
                                                    <!---->
                                                    <img data-v-78364608="" src="../static/img/product-item-3.71a90bf.png" alt="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="pro-slide-item1">
                                                <div data-v-78364608="" class="el-carousel__item" style="transform: translateX(0px) scale(1);">
                                                    <!---->
                                                    <img data-v-78364608="" src="../static/img/product-item-4.b4aa978.png" alt="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="pro-slide-item1">
                                                <div data-v-78364608="" class="el-carousel__item" style="transform: translateX(0px) scale(1);">
                                                    <!---->
                                                    <img data-v-78364608="" src="../static/img/huan1.bf6cc3f.png" alt="">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <button type="button" class="el-carousel__arrow el-carousel__arrow--left" style="display: none;">
                                        <i class="el-icon-arrow-left"></i>
                                    </button>
                                    <button type="button" class="el-carousel__arrow el-carousel__arrow--right" style="display: none;">
                                        <i class="el-icon-arrow-right"></i>
                                    </button>
                                    <div class="swiper-pagination swiper-pagination-bullets">
                                        <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
                                        <span class="swiper-pagination-bullet"></span>
                                    </div>
                                </div>
                            </div>
                            <div data-v-78364608="" class="text">
                                <div data-v-78364608="" class="inner">
                                    <h2 data-v-78364608="" class="title">Soft Hand</h2>
                                    <p data-v-78364608="" class="words">The soft hand is an all-in-one robotic hand. Developed by the topology optimization algorithm, the soft hand has subverted
                                    the concept of rigid grasping. It is so soft and delicate as a human hand that it can grab fragile objects, such as picking
                                    up an egg or a piece of paper. Besides, it can grab some hard objects such as drinks.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div data-v-78364608="" class="section-inner cfix">
                            <div data-v-78364608="" class="left">
                                <div data-v-78364608="" class="inner">
                                    <h2 data-v-78364608="" class="title">Multi-axis Robotic Arm</h2>
                                    <p data-v-78364608="" class="words">With the help of multiple degrees of freedom, its motion is retractable and flexible. Even if it's your first time to experience,
                                    you will find it very easy to grasp. Gomer can even choose a more suitable trajectory for robotic arm to grab effectively.
                                    </p>
                                </div>
                            </div>
                            <div data-v-78364608="" class="text">
                                <img data-v-78364608="" src="../static/img/Group 57 Copy.7323fc9.png" alt="">
                            </div>
                        </div>
                        <div data-v-78364608="" class="section-inner cfix">
                            <div data-v-78364608="" class="left">
                                <img data-v-78364608="" src="../static/img/movecom.19ce356.gif" alt="">
                            </div>
                            <div data-v-78364608="" class="text">
                                <div data-v-78364608="" class="inner">
                                    <h2 data-v-78364608="" class="title">Mobile Bodywork</h2>
                                    <p data-v-78364608="" class="words">The speed can reach up to 0.6m/s, and his wheel is very flexible, you can run it to the designated areas freely. Gomer can
                                    also plan the route himself with the help of computer vision. </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div data-v-78364608="" class="product-intrudaction-page product-intrudaction-page2" style="height: 947px;">
                    <div data-v-78364608="" style="border-radius:10px;background: rgba(0, 0, 0, 0.4); width:820px;position: absolute; left: 5%; padding: 0% 1%; bottom: 5%;">
                        <h2 data-v-78364608="" class="title">Smart interaction, full personality</h2>
                        <p data-v-78364608="" class="subtitle">With a deep combination with AI, Gomer can recognize your face and emotion and then act accordinglly. He is just like a little
                        boy hopes to shake hands, make friends, and accompany with your family.</p>
                        <ul data-v-78364608="" class="item-list cfix">
                            <li data-v-78364608="">
                                <img data-v-78364608="" src=""
                                    alt="">
                                <p data-v-78364608="" class="tit">Face Recognition</p>
                            </li>
                            <li data-v-78364608="">
                                <img data-v-78364608="" src=""
                                    alt="">
                                <p data-v-78364608="" class="tit">Pattern Recognition</p>
                            </li>
                            <li data-v-78364608="">
                                <img data-v-78364608="" src=""
                                    alt="">
                                <p data-v-78364608="" class="tit">Voice Command</p>
                            </li>
                            <li data-v-78364608="">
                                <img data-v-78364608="" src=""
                                    alt="">
                                <p data-v-78364608="" class="tit">Interactive Games</p>
                            </li>
                            <li data-v-78364608="">
                                <img data-v-78364608="" src=""
                                    alt="">
                                <p data-v-78364608="" class="tit"> Pet Recognition</p>
                            </li>
                        </ul>
                    </div>
                    <div data-v-78364608="" class="product-knowmore-bar product-knowmore-bar2 show-product-btn" data-item="2">
                        <div class="more-tip-wrap">
                            <img data-v-78364608="" src=""
                                alt="" class="default">
                        </div>
                        <p data-v-78364608="">More</p>
                    </div>
                </div>
                <div data-v-78364608="" class="full-product-intrudaction full-product-intrudaction2 hidden">
                    <div data-v-78364608="" class="section one">
                        <div data-v-78364608="" class="section-inner cfix">
                            <div data-v-78364608="" class="left">
                                <div class="swiper-container pro-banner-wrapper1 pro-swiper-container2" style="height:360px;">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div data-v-78364608="" class="el-carousel__item is-active is-animating" style="transform: translateX(0px) scale(1);">
                                                <!---->
                                                <video data-v-78364608="" src="http://p218r9j4q.bkt.clouddn.com/%E5%AE%A0%E7%89%A9%E8%AF%86%E5%88%AB-%E7%8B%97.mp4" autoplay="autoplay"
                                                    loop="loop"></video>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div data-v-78364608="" class="el-carousel__item is-animating" style="transform: translateX(0px) scale(1);">
                                                <!---->
                                                <video data-v-78364608="" src="http://p218r9j4q.bkt.clouddn.com/%E5%AE%A0%E7%89%A9%E8%AF%86%E5%88%AB-%E7%8C%AB.mp4" autoplay="autoplay"
                                                    loop="loop"></video>
                                            </div>
                                        </div>

                                    </div>
                                    <button type="button" class="el-carousel__arrow el-carousel__arrow--left" style="display: none;">
                                        <i class="el-icon-arrow-left"></i>
                                    </button>
                                    <button type="button" class="el-carousel__arrow el-carousel__arrow--right" style="display: none;">
                                        <i class="el-icon-arrow-right"></i>
                                    </button>
                                    <div class="swiper-pagination swiper-pagination-bullets" style="display:none;">
                                        <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
                                        <span class="swiper-pagination-bullet"></span>
                                    </div>
                                </div>
                            </div>
                            <div data-v-78364608="" class="text">
                                <div data-v-78364608="" class="inner">
                                    <h2 data-v-78364608="" class="title"> Pet Recognition</h2>
                                    <p data-v-78364608="" class="words">Gomer can identify your dog or cat, and then interact with them actively. Your pets will have a new friend from now on.</p>
                                </div>
                            </div>
                        </div>
                        <div data-v-78364608="" class="section-inner cfix" style="margin-bottom: 20px;">
                            <div data-v-78364608="" class="left">
                                <div data-v-78364608="" class="inner">
                                    <h2 data-v-78364608="" class="title">Emotion Recognition</h2>
                                    <p data-v-78364608="" class="words">When Gomer communicates with you, it can feel your emotion(happy, angry, sad) and act accordingly. Gomer also has many other
                                    emotional expressions, such as dizziness, anxiety, and panic, enabling you to truly fell its full personality.</p>
                                </div>
                            </div>
                            <div data-v-78364608="" class="text">
                                <video data-v-78364608="" src="http://p218r9j4q.bkt.clouddn.com/%E8%A1%A8%E6%83%85%E8%AF%86%E5%88%AB.mp4" autoplay="autoplay"
                                    loop="loop"></video>
                            </div>
                        </div>
                        <div data-v-78364608="" class="section-inner cfix">
                            <div data-v-78364608="" class="left">
                                <div data-v-78364608="" class="el-carousel">
                                    <div class="swiper-container pro-banner-wrapper1 pro-swiper-container3" style="height:360px;">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <div data-v-78364608="" class="el-carousel__item is-active is-animating" style="transform: translateX(0px) scale(1);">
                                                    <!---->
                                                    <img data-v-78364608="" src="../static/img/game1.13fe9eb.png" alt="">
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div data-v-78364608="" class="el-carousel__item is-animating" style="transform: translateX(0px) scale(1);">
                                                    <!---->
                                                    <img data-v-78364608="" src="../static/img/game2.30edf70.png" alt="">
                                                </div>
                                            </div>

                                        </div>
                                        <button type="button" class="el-carousel__arrow el-carousel__arrow--left" style="display: none;">
                                            <i class="el-icon-arrow-left"></i>
                                        </button>
                                        <button type="button" class="el-carousel__arrow el-carousel__arrow--right" style="display: none;">
                                            <i class="el-icon-arrow-right"></i>
                                        </button>
                                        <div class="swiper-pagination swiper-pagination-bullets" style="display:none;">
                                            <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
                                            <span class="swiper-pagination-bullet"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div data-v-78364608="" class="text">
                                <div data-v-78364608="" class="inner">
                                    <h2 data-v-78364608="" class="title">Interactive Games</h2>
                                    <p data-v-78364608="" class="words">Games like Quick Grab and Racing Escape let children don't feel lonely and bored any more, it also help to nurge children
                                    to meet the challenge optimistically.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div data-v-78364608="" class="product-intrudaction-page product-intrudaction-page3" style="height: 947px;">
                    <div data-v-78364608="" class="page3-bg">
                        <div data-v-78364608="" class="page3-bg-inner cfix">
                            <div data-v-78364608="" class="left">
                                <img data-v-78364608="" src="../static/img/Bitmap Copy 5.1ca3fe4.png" alt="">
                            </div>
                            <div data-v-78364608="" class="right">
                                <h2 data-v-78364608="" class="title">Teach through play and inspire imagination</h2>
                                <p data-v-78364608="" class="subtitle">Gomer's graphical programming helps to develop children's logical thinking and creativity, and lets them experience the fun
                                of robot and artificial intelligence.</p>
                                <ul data-v-78364608="" class="item-list" style="display:flex;">
                                    <li data-v-78364608="">
                                        <img data-v-78364608="" src=""
                                            alt="">
                                        <p data-v-78364608="">STEAM Education</p>
                                    </li>
                                    <li data-v-78364608="">
                                        <img data-v-78364608="" src=""
                                            alt="">
                                        <p data-v-78364608="">Graphical Programming</p>
                                    </li>
                                    <li data-v-78364608="">
                                        <img data-v-78364608="" src=""
                                            alt="">
                                        <p data-v-78364608=""> Augmented Reality</p>
                                    </li>
                                    <li data-v-78364608="">
                                        <img data-v-78364608="" src=""
                                            alt="">
                                        <p data-v-78364608="">SDK</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div data-v-78364608="" class="product-knowmore-bar product-knowmore-bar3 show-product-btn" data-item="3">
                        <div class="more-tip-wrap">
                            <img data-v-78364608="" src=""
                                alt="" class="default">
                        </div>
                        <p data-v-78364608="">More</p>
                    </div>
                </div>
                <div data-v-78364608="" class="full-product-intrudaction full-product-intrudaction3 hidden">
                    <div data-v-78364608="" class="section one">
                        <div data-v-78364608="" class="section-inner cfix">
                            <div data-v-78364608="" class="left">
                                <video data-v-78364608="" src="http://p218r9j4q.bkt.clouddn.com/3%E3%80%81%E5%AF%93%E6%95%99%E4%BA%8E%E4%B9%90%EF%BC%8C%E6%BF%80%E5%8F%91%E6%83%B3%E8%B1%A1.mp4"
                                    autoplay="autoplay" loop="loop"></video>
                            </div>
                            <div data-v-78364608="" class="text">
                                <div data-v-78364608="" class="inner">
                                    <h2 data-v-78364608="" class="title">Graphical Programming</h2>
                                    <p data-v-78364608="" class="words"> Graphical Programming No any more complicated code and logic, Graphical Programming is just like to build blocks. Using
                                    the modules of "control", "action", "voice", and "emotion", you can easily design your own games . </p>
                                </div>
                            </div>
                        </div>
                        <div data-v-78364608="" class="section-inner cfix">
                            <div data-v-78364608="" class="left">
                                <div data-v-78364608="" class="inner">
                                    <h2 data-v-78364608="" class="title">SDK
                                        <span data-v-78364608="" style="display: inline-block; font-size: 24px; font-weight: 300;">(Coming soon)</span>
                                    </h2>
                                    <p data-v-78364608="" class="words">Through the open API, you can customize the emotions, sounds, and actions of Gomer. This function enables you to truly feel
                                    the joys of development, and you can even make an unique robot of your own.</p>
                                </div>
                            </div>
                            <div data-v-78364608="" class="text">
                                <div data-v-78364608="" class="el-carousel">
                                    <div class="el-carousel__container" style="height: 360px;">
                                        <button type="button" class="el-carousel__arrow el-carousel__arrow--left" style="display: none;">
                                            <i class="el-icon-arrow-left"></i>
                                        </button>
                                        <button type="button" class="el-carousel__arrow el-carousel__arrow--right" style="display: none;">
                                            <i class="el-icon-arrow-right"></i>
                                        </button>
                                        <div data-v-78364608="" class="el-carousel__item is-active is-animating" style="transform: translateX(0px) scale(1);">
                                            <!---->
                                            <img data-v-78364608="" src="../static/img/fullpage4-3.62dff6b.png" alt="">
                                        </div>
                                    </div>
                                    <ul class="el-carousel__indicators">
                                        <li class="el-carousel__indicator is-active">
                                            <button class="el-carousel__button">
                                                <!---->
                                            </button>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div data-v-78364608="" class="section-inner cfix">
                            <div data-v-78364608="" class="left">
                                <video data-v-78364608="" src="http://p218r9j4q.bkt.clouddn.com/AR.mp4" autoplay="autoplay" loop="loop"></video>
                            </div>
                            <div data-v-78364608="" class="text">
                                <div data-v-78364608="" class="inner">
                                    <h2 data-v-78364608="" class="title">Augmented Reality</h2>
                                    <p data-v-78364608="" class="words">By the real and virtual objects mixed and overlapped with each other. You can experience the immersiv scene of AR.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div data-v-78364608="" class="product-intrudaction-page product-intrudaction-page2 product-intrudaction-page4" style="height: 947px;">
                    <h2 data-v-78364608="" class="title">A heart-warming and clever cutie</h2>
                    <p data-v-78364608="" class="subtitle">In the smart "Go" mode, Gomer can say, smile, wave and amuse himself. The more you experience, the more you enjoy.</p>
                    <ul data-v-78364608="" class="item-list cfix" style="position: absolute; bottom: 120px; width: 1000px; left: calc(50% - 500px);">
                        <li data-v-78364608="">
                            <img data-v-78364608="" src=""
                                alt="">
                            <p data-v-78364608="" class="tit">Autonomous Wandering</p>
                        </li>
                        <li data-v-78364608="">
                            <img data-v-78364608="" src=""
                                alt="">
                            <p data-v-78364608="" class="tit">Full Personality</p>
                        </li>
                        <li data-v-78364608="">
                            <img data-v-78364608="" src=""
                                alt="">
                            <p data-v-78364608="" class="tit">Autonomous Gaming</p>
                        </li>
                        <li data-v-78364608="">
                            <img data-v-78364608="" src=""
                                alt="">
                            <p data-v-78364608="" class="tit">Deep Learning</p>
                        </li>
                        <li data-v-78364608="">
                            <img data-v-78364608="" src=""
                                alt="">
                            <p data-v-78364608="" class="tit">Computer Vision</p>
                        </li>
                    </ul>
                    <div data-v-78364608="" class="product-knowmore-bar product-knowmore-bar4 show-product-btn" data-item="4">
                        <div class="more-tip-wrap">
                            <img data-v-78364608="" src=""
                                alt="" class="default">
                        </div>
                        <p data-v-78364608="">More</p>
                    </div>
                </div>
                <div data-v-78364608="" class="full-product-intrudaction full-product-intrudaction4 hidden">
                    <div data-v-78364608="" class="section one">
                        <div data-v-78364608="" class="section-inner cfix">
                            <div data-v-78364608="" class="left">
                                <video data-v-78364608="" src="http://p218r9j4q.bkt.clouddn.com/%E8%87%AA%E4%B8%BB%E9%97%B2%E9%80%9B.mp4" autoplay="autoplay"
                                    loop="loop"></video>
                            </div>
                            <div data-v-78364608="" class="text">
                                <div data-v-78364608="" class="inner">
                                    <h2 data-v-78364608="" class="title">Autonomous Wandering</h2>
                                    <p data-v-78364608="" class="words">Without the help of any other control, Gomer can perform independently in the mode of "Go". He is just like a little boy
                                    amusing himself in the house, to see, to feel and to explore the world.</p>
                                </div>
                            </div>
                        </div>
                        <div data-v-78364608="" class="section-inner cfix">
                            <div data-v-78364608="" class="left">
                                <div data-v-78364608="" class="inner">
                                    <h2 data-v-78364608="" class="title">Cute Personality</h2>
                                    <p data-v-78364608="" class="words">When you experience the features of Gomer about Emotion Recognition, Interactive Games, Autonomous Wandering, Pet Recognition
                                    and so on, you will further enjoy the joy of Artificial Intelligence.</p>
                                </div>
                            </div>
                            <div data-v-78364608="" class="text">
                                <div data-v-78364608="" class="el-carousel">
                                    <div class="swiper-container pro-banner-wrapper1 pro-swiper-container4" style="height:360px;">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <div data-v-78364608="" class="el-carousel__item is-active is-animating" style="transform: translateX(0px) scale(1);">
                                                    <!---->
                                                    <img data-v-78364608="" src="../static/img/个性十足1.68e19dd.png" alt="">
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div data-v-78364608="" class="el-carousel__item" style="transform: translateX(0px) scale(1);">
                                                    <!---->
                                                    <img data-v-78364608="" src="../static/img/个性十足2.5c4170a.png" alt="">
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div data-v-78364608="" class="el-carousel__item" style="transform: translateX(0px) scale(1);">
                                                    <!---->
                                                    <img data-v-78364608="" src="../static/img/个性十足3.30bd086.png" alt="">
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div data-v-78364608="" class="el-carousel__item is-animating" style="transform: translateX(0px) scale(1);">
                                                    <!---->
                                                    <img data-v-78364608="" src="../static/img/个性十足5.0511ca9.png" alt="">
                                                </div>
                                            </div>

                                        </div>
                                        <button type="button" class="el-carousel__arrow el-carousel__arrow--left" style="display: none;">
                                            <i class="el-icon-arrow-left"></i>
                                        </button>
                                        <button type="button" class="el-carousel__arrow el-carousel__arrow--right" style="display: none;">
                                            <i class="el-icon-arrow-right"></i>
                                        </button>
                                        <div class="swiper-pagination swiper-pagination-bullets" style="display:none;">
                                            <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
                                            <span class="swiper-pagination-bullet"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div data-v-78364608="" class="product-intrudaction-page3 product-intrudaction-page product-intrudaction-page5" style="height: 947px;">
                    <div data-v-78364608="" class="page3-bg">
                        <div data-v-78364608="" class="page3-bg-inner cfix">
                            <div data-v-78364608="" class="left">
                                <img data-v-78364608="" src="../static/img/k.2b2e725.png" alt="">
                            </div>
                            <div data-v-78364608="" class="right">
                                <h2 data-v-78364608="" class="title">Mobile patrol with instant access to your home scene</h2>
                                <p data-v-78364608="" class="subtitle">With Gomer, you can have a live view of your home wherever you are, and you can have a talk with your kid and pet.</p>
                                <ul data-v-78364608="" class="item-list">
                                    <li data-v-78364608="">
                                        <img data-v-78364608="" src=""
                                            alt="">
                                        <p data-v-78364608="">Remote Housekeeping</p>
                                    </li>
                                    <li data-v-78364608="">
                                        <img data-v-78364608="" src=""
                                            alt="">
                                        <p data-v-78364608="">Two-way Audio</p>
                                    </li>
                                    <li data-v-78364608="">
                                        <img data-v-78364608="" src=""
                                            alt="">
                                        <p data-v-78364608="">Smart Charging</p>
                                    </li>
                                    <li data-v-78364608="">
                                        <img data-v-78364608="" src=""
                                            alt="">
                                        <p data-v-78364608="">720p HD Video</p>
                                    </li>
                                    <li data-v-78364608="">
                                        <img data-v-78364608="" src=""
                                            alt="">
                                        <p data-v-78364608="">APP </p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div data-v-78364608="" class="product-knowmore-bar product-knowmore-bar5 show-product-btn" data-item="5">
                        <div class="more-tip-wrap">
                            <img data-v-78364608="" src=""
                                alt="" class="default">
                        </div>
                        <p data-v-78364608="">More</p>
                    </div>
                </div>
                <div data-v-78364608="" class="full-product-intrudaction full-product-intrudaction5 hidden">
                    <div data-v-78364608="" class="section one">
                        <div data-v-78364608="" class="section-inner cfix">
                            <div data-v-78364608="" class="left">
                                <img data-v-78364608="" src="../static/img/bicom.222e73e.gif" alt="">
                            </div>
                            <div data-v-78364608="" class="text">
                                <div data-v-78364608="" class="inner">
                                    <h2 data-v-78364608="" class="title">Smart Charging</h2>
                                    <p data-v-78364608="" class="words">In a low-power state, it can autonomously search for charging station to charge, so you don't bother to remind yourself to
                                    charge it all the time. </p>
                                </div>
                            </div>
                        </div>
                        <div data-v-78364608="" class="section-inner cfix">
                            <div data-v-78364608="" class="left">
                                <div data-v-78364608="" class="inner">
                                    <h2 data-v-78364608="" class="title">Remote Viewing</h2>
                                    <p data-v-78364608="" class="words">Gomer can help you to learn the condition of your house, your kids and your pets in time, and all these informaiton is accessible
                                    in your mobile phone. You don't need to worry about them any more.</p>
                                </div>
                            </div>
                            <div data-v-78364608="" class="text">
                                <video data-v-78364608="" src="http://p218r9j4q.bkt.clouddn.com/%E8%BF%9C%E7%A8%8B%E7%9C%8B%E5%AE%B6.mp4" autoplay="autoplay"
                                    loop="loop"></video>
                            </div>
                        </div>
                        <div data-v-78364608="" class="section-inner cfix">
                            <div data-v-78364608="" class="left">
                                <img data-v-78364608="" src="../static/img/双向语音通话中文版.030b22c.png" alt="" style="width: 100%; height: 100%;">
                            </div>
                            <div data-v-78364608="" class="text">
                                <div data-v-78364608="" class="inner">
                                    <h2 data-v-78364608="" class="title">Two-way Audio</h2>
                                    <p data-v-78364608="" class="words">No matter how long the distance is, with Gomer, you can have a talk with your family. Gomer can also change your voice to
                                    make your chat and trick more lively.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div data-v-78364608="" class="product-intrudaction-page product-intrudaction-page6" style="height: 947px;">
                    <div data-v-78364608="" class="product-info-panel" style="left: 5%; right: inherit; top: inherit; bottom: 10%;">
                        <h2 data-v-78364608="" class="title">Real-time recording, timely sharing</h2>
                        <p data-v-78364608="" class="text">With Gomer, you can record and share what you like from more perspectives.</p>
                        <ul data-v-78364608="" class="cfix list-box">
                            <li data-v-78364608="">
                                <div data-v-78364608="" class="img-box">
                                    <img data-v-78364608="" src=""
                                        alt="">
                                </div>
                                <p data-v-78364608="" class="name">Instant Recording</p>
                            </li>
                            <li data-v-78364608="">
                                <div data-v-78364608="" class="img-box">
                                    <img data-v-78364608="" src=""
                                        alt="">
                                </div>
                                <p data-v-78364608="" class="name">One-key Sharing</p>
                            </li>
                            <li data-v-78364608="">
                                <div data-v-78364608="" class="img-box">
                                    <img data-v-78364608="" src=""
                                        alt="">
                                </div>
                                <p data-v-78364608="" class="name"> Wide-angle Lens</p>
                            </li>
                        </ul>
                    </div>
                    <div data-v-78364608="" class="product-knowmore-bar product-knowmore-bar6 show-product-btn" data-item="6">
                        <div class="more-tip-wrap">
                            <img data-v-78364608="" src=""
                                alt="" class="default">
                        </div>
                        <p data-v-78364608="">More</p>
                    </div>
                </div>
                <div data-v-78364608="" class="full-product-intrudaction full-product-intrudaction6 hidden">
                    <div data-v-78364608="" class="section one">
                        <div data-v-78364608="" class="section-inner cfix">
                            <div data-v-78364608="" class="left"></div>
                            <div data-v-78364608="" class="text">
                                <div data-v-78364608="" class="inner">
                                    <h2 data-v-78364608="" class="title" style="margin-top: 30px;">Instant Shooting</h2>
                                    <p data-v-78364608="" class="words">With the built-in 720P high-definition camera. You can shoot movably, to record the wonderful moment of your life from multiple
                                    viewpoints.</p>
                                </div>
                            </div>
                        </div>
                        <div data-v-78364608="" class="section-inner cfix">
                            <div data-v-78364608="" class="left">
                                <div data-v-78364608="" class="inner">
                                    <h2 data-v-78364608="" class="title">Wide-angle Lens</h2>
                                    <p data-v-78364608="" class="words">The wide-angle lens enable you to see the world with a wider view.</p>
                                </div>
                            </div>
                            <div data-v-78364608="" class="text">
                                <img data-v-78364608="" src="../static/img/full6-2.e1232bd.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="glitech-footer-wrap"></div>
    </div>

    <script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>


    <script src="../js/common.js"></script>

    <script>
        $.get("./header.html", function (res) {
            $("#glitech-header-wrap").html(res)
            $("#top-nav-container .top-nav").removeClass("isActive");
            $(".top-nav.product-center").addClass("isActive");
        })
        $.get("./footer.html", function (res) {
            $("#glitech-footer-wrap").html(res)
        })

        //5.产品中心查看图片
        $("#app").on("click", "div.show-product-btn", function () {
            var item = $(this).data("item");
            $("div.full-product-intrudaction" + item).toggleClass("hidden");
            initSwiperShow(".pro-swiper-container1")
            initSwiperShow(".pro-swiper-container2")
            initSwiperShow(".pro-swiper-container3")
            initSwiperShow(".pro-swiper-container4")
        })


    </script>
</body>

</html>